<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户中心</title>
<link media="all" href="style/alice.css" rel="stylesheet">
<link media="all" href="style/uc.css" rel="stylesheet">
<script type="text/javascript">
	function sw(){
		var mainbody = document.getElementById("main-body");
		var mainheader = document.getElementById("main-header");
		var maincontent = document.getElementById("main-content");
		if(mainbody.className === 'wrapper-percent-98'){
			mainbody.className = 'wrapper-990';
		}
		else {
			mainbody.className = 'wrapper-percent-98';
		}
		
		if(mainheader.className === 'row-fluid'){
			mainheader.className = 'row';
		}
		else {
			mainheader.className = 'row-fluid';
		}
		
		if(maincontent.className === 'row-fluid'){
			maincontent.className = 'row';
		}
		else {
			maincontent.className = 'row-fluid';
		}
	}
</script>
</head>

<body>
	<div class="bg"><img src="images/bg.jpg" /></div>
	<div class="topbar">
    	<div class="grid-990 topbar-wrap fn-clear">
    		<p class="toplink">
        		<a href="http://mobile.alipay.com/index.htm" class="mobile" target="_blank" seed="toplink-mobile" smartracker="on"><i class="icon-mobile"></i>返回首页</a>
        	</p>
        	<ul class="topmenu">
          		<li class="topmenu-item topmenu-item-first"><a href="https://auth.alipay.com/login/index.htm" target="_blank" title="登录" seed="topmenuItem-link" smartracker="on">登录</a><b class="split">-</b><a href="https://memberprod.alipay.com/account/reg/index.htm" target="_blank" title="注册" seed="topmenuItem-linkT1" smartracker="on">注册</a></li>
          		<li class="topmenu-item topmenu-item-dropdown" id="J-topmenu-dropdown">
          			<a href="https://lab.alipay.com/user/i.htm" target="_blank" seed="JTopmenuDropdown-link" smartracker="on">我的空间<i class="icon-dropdown"></i></a>
          			<ul class="ui-list">
            			<li class="ui-list-item"><a href="https://lab.alipay.com/user/depositDelegateController.htm" target="_blank">充值</a></li>
            			<li class="ui-list-item"><a href="https://lab.alipay.com/consume/record/index.htm" target="_blank">交易记录</a></li>
            			<li class="ui-list-item"><a href="https://shenghuo.alipay.com/transfer/index.htm" target="_blank">转账</a></li>
          			</ul>
          		</li>
          		<li class="topmenu-item topmenu-item-last"><a href="http://help.alipay.com/lab/index.htm" target="_blank" title="帮助中心" seed="topmenuItem-linkT2" smartracker="on">帮助中心</a></li>
        	</ul>
      	</div>
    </div>
	<div id="main-body" class="wrapper-percent-98">
		<div id="main-header" class="row-fluid">
			<div class="span12">
				<div class="header">
					<h2><a href="#">雾非雾的情思</a> <sup>人有多大胆，地有多大产！</sup></h2>
					<div class="nav">
						<ul>
							<li>个人首页</li>
							<li>唠叨</li>
							<li>文章</li>
							<li>管理</li>
							<li><a href="javascript:sw();">切换</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="space-top-10"></div>
		<div id="main-content" class="row-fluid">
			<div class="span2">
				<div class="ui-box margin-bottom-10">
					<div class="ui-box-head">
						<div class="ui-box-head-border">
							<h3 class="ui-box-head-title">博客管理</h3>
							<!-- 
							<span class="ui-box-head-text">其他文字</span>
							<a href="#" class="ui-box-head-more">更多</a>
							-->
						</div>
					</div>
					<div class="ui-box-container">
						<div class="ui-box-content nav-side-content">
							<ul class="nav-side-ul">
								<li class="nav-side-item"><a href="#">发表文章</a></li>
								<li class="nav-side-item"><a href="#">草稿箱</a></li>
								<li class="nav-side-item"><a href="#">文章管理</a></li>
								<li class="nav-side-item"><a href="#">评论管理</a></li>
								<li class="nav-side-item"><a href="#">评论管理</a></li>
								<li class="nav-side-item"><a href="#">个人资料</a></li>
						  	</ul>
						</div>
					</div>
				</div>
				<div class="ui-box margin-bottom-10">
					<div class="ui-box-head">
						<div class="ui-box-head-border">
							<h3 class="ui-box-head-title">个人信息管理</h3>
							<!-- 
							<span class="ui-box-head-text">其他文字</span>
							<a href="#" class="ui-box-head-more">更多</a>
							-->
						</div>
					</div>
					<div class="ui-box-container">
						<div class="ui-box-content nav-side-content">
							<ul class="nav-side-ul">
								<li class="nav-side-item"><a href="#">个人资料</a></li>
								<li class="nav-side-item"><a href="#">修改登录密码</a></li>
								<li class="nav-side-item"><a href="#">修改个人头像</a></li>
						  	</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="span10">
				<div class="ui-tipbox ui-tipbox-success">
					<div class="ui-tipbox-icon">
						<i class="iconfont" title="成功">&#xF046;</i>
					</div>
					<div class="ui-tipbox-content">
						<h3 class="ui-tipbox-title">成功标题</h3>
						<p class="ui-tipbox-explain">完成的说明完成的说明。</p>
						<p class="ui-tipbox-explain">
							<a href="#">继续操作</a> | <a href="#">返回原页面</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
</body>
<script type="text/javascript">
	function init(){
		
	}
</script>
</html>